@charset "utf-8";

/* CSS Document */
body,button,input,select,textarea {
	color: #333;
	font: 12px/ 1.5 Tahoma, Helvetica, Arial, \5b8b\4f53
}

a:link,a:visited,a:active {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #008aff;
	text-decoration: none
}

/* Clear */
.clearfix:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

/* End hide from IE-mac */
.page_list {
	text-align: right;
	padding-top: 10px
}

.page_list a {
	border: #ddd 1px solid;
	color: #15428b;
	padding: 2px 5px;
	margin-right: 2px
}

.page_list a:hover,.page_list a:active {
	border: #e1e6ed 1px solid;
	color: #000;
	background-color: #D3E1F6
}

.page_list span.current {
	border: #ddd 1px solid;
	padding: 2px 5px;
	font-weight: bold;
	margin-right: 2px;
	color: #FFF;
	background-color: #15428b
}

.page_list span.disabled {
	border: #f3f3f3 1px solid;
	padding: 2px 5px;
	margin-right: 2px;
	color: #CCC
}

/* webcss start*/
body {
	background: #f6f6f6 url(../../images/mall/body_bg.gif) top repeat-x
}

#wrapper {
	margin: 0px auto;
	width: 980px
}

.top {
	height: 90px;
	position: relative
}

#lang {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 1
}

#lang img {
	margin-right: 5px;
	vertical-align: middle
}

#MainMenu {
	background: url(../../images/mall/MainMenu_bg.gif);
	height: 30px;
	padding: 3px 15px 5px 15px
}

#banner {
	background: url(../../images/mall/banner_bg.gif);
	height: 152px;
	padding: 11px 15px;
	overflow: hidden
}

.KSS_titleBox h2 {
	line-height: 32px
}

#index_main {
	background: url(../../images/mall/v_line.gif) 720px top no-repeat
}

#index_main h2 {
	background-image: url(../../images/mall/site_title.gif);
	background-repeat: no-repeat;
	height: 34px;
	line-height: 34px;
	font-size: 100%;
	font-weight: normal
}

#index_main h2 span {
	float: left;
	display: none
}

#index_main h2 a {
	float: right;
	margin: 15px 10px 0px 0px
}

.index-left {
	float: left;
	padding: 0px 5px 0px 9px;
	width: 706px;
	overflow: hidden
}

.index-newproducts {
	padding-bottom: 15px
}

.index-newproducts h2 {
	background-position: 0px 0px
}

.productsroll {
	position: relative;
	width: 706px
}

/* productsroll Start */
#LeftArr1,#RightArr1 {
	background-image: url(../../images/mall/product_arrow.gif);
	width: 25px;
	height: 130px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	z-index: 1
}

#LeftArr1 {
	background-position: -25px 0px;
	float: left;
	left: 8px
}

#RightArr1 {
	background-position: -50px 0px;
	float: right;
	right: 0px
}

#ScrollBox {
	margin-left: 32px;
	width: 648px;
	overflow: hidden
}

#ScrollBox li {
	float: left;
	display: inline;
	width: 162px;
	text-align: center
}

#ScrollBox li a {
	display: block;
	border: #e5e5e5 1px solid;
	padding: 5px 5px 0px 5px;
	margin: 0px 5px
}

#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active {
	color: #000
}

#ScrollBox li a:hover {
	border: #008aff 1px solid;
	color: #008aff
}

#ScrollBox li a span {
	display: block;
	padding-top: 4px
}

/* productsroll End */
.index-news {
	background: url(../../images/mall/v_line2.gif) 350px top no-repeat;
	float: left;
	padding: 0px 5px;
	width: 346px
}

.index-news h2 {
	background-position: 0px -34px
}

.index-news ul {
	padding: 0px 0px 10px 5px
}

.index-news ul li {
	padding: 4px 0px
}

.index-news ul li img {
	float: left;
	margin-right: 10px
}

.index-news ul li h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 25px
}

.index-news ul li p {
	color: #666
}

.index-news ul li a span {
	color: #666;
	float: right;
	margin-right: 10px
}

.index-about {
	float: left;
	width: 350px
}

.index-about h2 {
	background-position: 0px -68px
}

.index-about p {
	line-height: 23px;
	padding: 4px 0px 0px 5px
}

.index-about p img {
	float: left;
	margin-right: 8px
}

.index-products {
	clear: both
}

.index-products h2 {
	background-position: 0px -102px
}

/* index-products Start */
.index-products ul {
	padding: 0px 1px 5px 1px
}

.index-products ul li {
	float: left;
	text-align: center;
	width: 176px;
	padding: 5px 0px
}

.index-products ul li a {
	display: block;
	border: #e5e5e5 1px solid;
	padding: 5px 5px 0px 5px;
	width: 154px
}

.index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active
	{
	color: #000
}

.index-products ul li a:hover {
	border: #008aff 1px solid;
	color: #008aff
}

.index-products ul li a span {
	display: block;
	padding-top: 4px
}

/* index-products End */
.index-right {
	float: left;
	padding: 0px 15px 0px 5px;
	width: 240px;
	overflow: hidden
}

.index-search {
	padding-bottom: 5px
}

.index-search h2 {
	background-position: 0px -136px
}

.index-search p {
	padding: 5px 0px 5px 10px
}

#searchid {
	line-height: 20px;
	padding: 2px
}

#searchtext {
	border: #E6E6E6 1px solid;
	background: url(../../images/mall/searchinp.gif) repeat-x;
	height: 20px;
	line-height: 20px;
	padding: 2px;
	width: 200px
}

#searchbutton {
	border: none;
	background: url(../../images/mall/searchbut.gif);
	cursor: pointer;
	height: 21px;
	width: 64px
}

.index-jobs h2 {
	background-position: 0px -170px
}

.index-jobs {
	padding-bottom: 5px
}

.index-jobs ul li {
	padding: 4px 0px
}

.index-contact {
	padding-bottom: 10px
}

.index-contact h2 {
	background-position: 0px -204px
}

.index-contact p {
	line-height: 25px;
	padding: 0px 5px 0px 10px
}

.index-contact p span {
	font-weight: bold
}

/*********** page ***********/
#page_main {
	background: url(../../images/mall/v_line.gif) 260px top no-repeat
}

/* page-left */
.page-left {
	float: left;
	padding: 0px 5px 0px 15px;
	width: 240px
}

.page-left h2 {
	background-image: url(../../images/mall/site_title.gif);
	background-repeat: no-repeat;
	height: 34px;
	line-height: 34px;
	font-size: 100%;
	font-weight: normal
}

.page-left h2 span {
	float: left;
	display: none
}

.left-about h2 {
	background-position: 0px -68px
}

.left-products h2 {
	background-position: 0px -102px
}

.left-search h2 {
	background-position: 0px -136px
}

.left-search p {
	padding: 5px 0px 5px 10px
}

.left-contact {
	padding-bottom: 10px
}

.left-contact h2 {
	background-position: 0px -204px
}

.left-contact p {
	line-height: 25px;
	padding: 0px 5px 0px 10px
}

.left-contact p span {
	font-weight: bold
}

/* page-right */
.page-right {
	float: right;
	padding: 0px 15px 0px 10px;
	width: 695px;
	overflow: hidden
}

.site-nav {
	background: url(../../images/mall/site_nav.gif) no-repeat left center;
	border-bottom: 1px solid #CCC;
	height: 30px;
	margin-bottom: 10px;
	line-height: 30px;
	text-align: right
}

.site-nav span {
	color: #025dbf;
	font-weight: bold
}

.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail
	{
	margin-bottom: 10px
}

.page-products ul li {
	float: left;
	width: 230px;
	text-align: center;
	padding-bottom: 5px
}

.page-products ul li a {
	cursor: pointer
}

.page-products ul li a span {
	display: block;
	width: 230;
	height: 24px;
	line-height: 24px
}

.productsdetail-title,.newsdetail-title,.jobsdetail-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px
}

.page-news table {
	width: 98%;
}

.page-news table th {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	border: none 0px;
	font-size: 12px
}

.page-news table th.news-time {
	width: 100px;
	background: url(../../images/mall/info_title.gif) left top
}

.page-news table th.news-title {
	background: url(../../images/mall/info_title.gif) right top
}

.page-news table td {
	border-bottom: 1px dashed #D7D7D7;
	padding: 8px
}

.page-news table td.time-list {
	color: #666;
	text-align: center
}

.page-jobs table {
	width: 98%;
}

.page-jobs table th {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	border: none 0px;
	font-size: 12px
}

.page-jobs table th.jobs-time {
	width: 100px;
	background: url(../../images/mall/info_title.gif) left top
}

.page-jobs table th.jobs-title {
	background: url(../../images/mall/info_title.gif) right top
}

.page-jobs table td {
	border-bottom: 1px dashed #D7D7D7;
	padding: 8px
}

.page-jobs table td.time-list {
	color: #666;
	text-align: center
}

.page-guestbook {
	width: 600px;
	margin: 0px auto
}

.page-guestbook dl dt,.page-guestbook dl dd {
	float: left;
	padding: 5px
}

.page-guestbook dl dt {
	width: 80px;
	text-align: right
}

.page-guestbook dl dd {
	width: 500px
}

.page-guestbook dl dd input {
	border: #CCC 1px solid;
	padding: 2px;
	background: url(../../images/mall/inputbg.gif) repeat-x;
	height: 19px;
	line-height: 19px;
	width: 180px
}

.page-guestbook dl dd span {
	color: #F00;
	margin-left: 10px
}

.page-guestbook .Content {
	width: 480px;
	height: 120px;
	border: #CCC 1px solid
}

#checkcode {
	width: 60px;
	text-align: center
}

.page-guestbook p {
	text-align: center;
	clear: both;
	margin-bottom: 10px
}

.page-guestbook p input {
	height: 26px;
	width: 100px;
	color: #FFF;
	background: #025dbf;
	cursor: pointer;
	border: none
}

#copyright {
	background: url(../../images/mall/copyright_bg.gif) repeat-x top;
	padding: 15px 0px;
	text-align: center
}